<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Donut's Mania</title>
<link rel="shortcut icon"  type="image/x-icon"  href= @{'/public/images/images_sites/favicon.ico'} >
<link href=@{'/public/stylesheets/css/style.css'} rel="stylesheet" type="text/css" />



</head>
<body >
	<div id="logo"><img src="/public/images/images_sites/donut_logo.png" height="120" width="120"></div>
	<div id="nome_logo"><img src="/public/images/images_sites/nome_logo.png"></div>
	
	<div id=links style="position:absolute; z-index: 1;text-align: center;">
	  #{if cl==null} <a href=@{PaginasClienteCadastrado.inicial()}>Login</a>&nbsp; #{/if}
	  #{secure.check 'cliente'} #{if cl !=null} <a href=@{PaginasClienteCadastrado.pagina_cliente()}>Minha pagina</a>&nbsp; #{/if}
	  #{/secure.check}
	  #{if cl !=null} <a href=@{Secure.logout()}>logout</a>&nbsp; #{/if}
	  #{if cl ==null} <a href=@{Application.cadastro_cliente()}>cadastrar-se</a>&nbsp; #{/if}
	   <a href= "www.google.com.br">Ajuda </a>&nbsp;
	   #{secure.check 'administrador'}
	   <a href=@{Administracao.inicial_administracao()}>Area restrita</a>
	   #{/secure.check}
	   
	
	</div>
	

	<div id="menu">
	<ul class="navi">
	<li><a href=@{Application.inicial()} class="atual">Principal</a></li>
	<li><a href=@{Application.sobre()} class="na">Sobre</a></li>
	<li><a href=@{Application.contato()} class="na">Contato</a></li>
	</div>

<div id="banner"><img src="/public/images/images_sites/banner.jpg"/></div>

<div id="conteudoindex">

<h1>Produtos</h1>

<iframe src=@{Application.donuts()} width="650" height="900" frameborder="0"></iframe>
</div>


<div id="carrinhoform"><img src="/public/images/images_sites/cart.png"/></div>

<div id="carrinho">


<TABLE class="Inicial" RULES=GROUPS width=100%>
<THEAD>
<TR> <TH>Sabor</TH> <TH>Quantidade</TH> <TH>Preço</TH> </TR>
</THEAD>
<TBODY>
#{list items:itens, as: 'item'}
<tr>
<td>${item.getNome()}</td><td>x ${item.getQuantidade()}</td><td>R$ ${String.format("%.2f",item.getValorTotal())}</td>
</tr>

#{/list}
</TBODY>

</table>
<p>Total:  ${valorCompra}</p>


</div>

<div class="botoes_carrinho" style="border-style: groove 1px;border-color: blue;">
   <form action=@{Application.esvaziarCarrinho()} method="get">
      <button type="submit" style="position:absolute;margin-left:710px;top:1180px"> Esvaziar carrinho</button>
   </form>
   <form action=@{Application.confirmacao_compra()} method="get" style="position:absolute;margin-left:710px;top:1210px;">
      <button type="submit"> Confirmar compras</button>
   </form>
   
</div>


<div id="footer">© 2011 Donut's Mania. All Rights Reserved</div>
</body>


</html>